@charset "UTF-8";
[class^="lop-"] {
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  list-style: none;
  margin: 0;
  padding: 0;
  text-decoration: none;
  color: #2f3238;
  letter-spacing: 1.2px;
  font-size: 16px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

@font-face {
  font-family: "iconfont";
  src: url("//at.alicdn.com/t/font_1938321_dxpnu0tg0ur.eot?t=1595495979677");
  /* IE9 */
  src: url("//at.alicdn.com/t/font_1938321_dxpnu0tg0ur.eot?t=1595495979677#iefix") format("embedded-opentype"), url("data:application/x-font-woff2;charset=utf-8;base64,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") format("woff2"), url("//at.alicdn.com/t/font_1938321_dxpnu0tg0ur.woff?t=1595495979677") format("woff"), url("//at.alicdn.com/t/font_1938321_dxpnu0tg0ur.ttf?t=1595495979677") format("truetype"), url("//at.alicdn.com/t/font_1938321_dxpnu0tg0ur.svg?t=1595495979677#iconfont") format("svg");
  /* iOS 4.1- */ }
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-lop-search:before {
  content: "\e69c"; }

.icon-lop-right:before {
  content: "\e804"; }

.icon-lop-left:before {
  content: "\e6c1"; }

.icon-lop-down:before {
  content: "\e705"; }

.icon-lop-del:before {
  content: "\e651"; }

.icon-lop-img:before {
  content: "\e6e9"; }

.icon-lop-error:before {
  content: "\e7c9"; }

.icon-lop-warn:before {
  content: "\e637"; }

.icon-lop-success:before {
  content: "\e803"; }

/* 若想隐藏某个元素，但不想它的位置塌陷 请添加此 class */
.lop-hide {
  display: inline !important;
  opacity: 0;
  font-size: 14px; }

/* 若想隐藏某个元素，并使它的位置塌陷 请添加此 class */
.lop-hide-none {
  display: none !important; }

.lop-msg-box {
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 25%;
  min-height: 70px;
  min-width: 400px;
  display: flex;
  z-index: -1;
  flex-direction: column; }
  .lop-msg-box .lop-msg {
    width: 100%;
    height: 50px;
    line-height: 30px;
    padding: 10px 20px;
    border-radius: 5px;
    margin: 10px 0;
    display: none;
    align-items: center;
    position: relative; }
    .lop-msg-box .lop-msg .iconfont {
      display: inline-block;
      position: absolute;
      height: 30px;
      font-size: 18px;
      margin-right: 6px; }
    .lop-msg-box .lop-msg .lop-msg-text {
      width: calc(100%  - 30px);
      margin-left: 30px;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      display: inline-block;
      font-size: 14px; }

.lop-title {
  position: relative;
  font-size: 20px;
  color: #263238;
  font-weight: bold; }

.lop-detail {
  position: relative;
  font-size: 16px;
  color: #c1c7cd;
  font-weight: 400; }

.lop-text {
  position: relative;
  font-size: 14px;
  color: #797e84;
  font-weight: 400; }

.lop-msg-success {
  box-shadow: rgba(103, 194, 58, 0.5) 0 0 6px;
  background: #f0f9eb; }
  .lop-msg-success > * {
    color: #67C23A; }

.lop-msg-warn {
  box-shadow: rgba(230, 162, 60, 0.5) 0 0 6px;
  background: #fdf6ec; }
  .lop-msg-warn > * {
    color: #E6A23C; }

.lop-msg-error {
  box-shadow: rgba(216, 30, 6, 0.5) 0 0 6px;
  background: #faccc4; }
  .lop-msg-error > * {
    color: #d81e06; }

.lop-form-btn-edit {
  color: #f4f6f8;
  background: #a7cbcc;
  -moz-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s; }
  .lop-form-btn-edit:hover {
    background: #93b8b9; }

.lop-form-btn-del {
  color: #f4f6f8;
  background: #fc8f7b;
  -moz-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s; }
  .lop-form-btn-del:hover {
    background: #e17871; }

.lop-form-btn-show {
  color: #f4f6f8;
  background: #6ac6f0;
  -moz-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s; }
  .lop-form-btn-show:hover {
    background: #6198c2; }
